<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>隔行换色</title>
    <style type="text/css">
        table{
            border: 1px solid #000000;
            font: 12px/1.5em"宋体";
            border-collapse: collapse;
        }
        caption{
            text-align: center;
        }
        th{
            color: #f4f4f4;
        border: 1px solid #000000;
            background: #328aa4;
        }
        td{
            text-align: center;
            border: 1px solid #000000;
            background: #e5f1f4;
        }
                 .tr_bg td{
                     background: #fdfbf4;
                 }
    </style>
</head>
<body>
<table width="600" border="0">
    <caption>环境工程年度排行</caption>
    <tr>
        <th>工程编号</th><th>工程名称</th><th>报价</th><th>数量</th>
    </tr>
    <tr>
    <td>001</td><td>废气净化处理</td><td>36000</td><td>8</td>
    </tr>
    <tr class="tr_bg">
        <td>002</td><td>固体废气物处理</td><td>33000</td><td>7</td>
    </tr>
    <td>003</td><td>废气净化处理</td><td>36000</td><td>6</td>
    <tr class="tr_bg">
        <td>004</td><td>环境质量侦测</td><td>33000</td><td>5</td>
</table>
</body>
</html>